/*header&&footer */
body{ color: #333333; font-family: "microsoft yahei"; width: 100%;}
@font-face {
font-family: 'iconfont'; /* project id 943444 */
src: url('../fonts/font_943444_qyhj8yngisr.eot');
src: url('../fonts/font_943444_qyhj8yngisr.eot-#iefix') format('embedded-opentype'),
url('../fonts/font_943444_qyhj8yngisr.woff2') format('woff2'),
url('../fonts/font_943444_qyhj8yngisr.woff') format('woff'),
url('../fonts/font_943444_qyhj8yngisr.ttf') format('truetype'),
url('../fonts/font_943444_qyhj8yngisr.svg#iconfont') format('svg');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
a,
a:visited, a:active, a:link, a:hover{ text-decoration: none; color: #333333; transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.animal, .animal *{ transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.ellipsis{ overflow: hidden;/*瓒呭嚭閮ㄥ垎闅愯棌*/
text-overflow:ellipsis;/* 瓒呭嚭閮ㄥ垎鏄剧ず鐪佺暐鍙� */
white-space: nowrap;/*瑙勫畾娈佃惤涓殑鏂囨湰涓嶈繘琛屾崲琛� */
}
.clear{ clear: both; height: 0px; overflow: hidden;}
.float-left{ float: left;}
.float-right{ float: right;}
dl, dd, h3{ padding: 0 0 0 0; margin: 0 0 0 0;}
@media screen and (min-width:768px){
.bottom-navbar{ display: hidden!important;}
.float-right{ float: right!important;}
.header{width: 100%; top: 0px; left: 0px; z-index: 10000; padding-bottom: 10px; padding-top: 13px;}
.header .main-constain{ max-width: 1200px;}
.header .main-constain .head_left{ float: left; max-width: 520px; padding-left: 20px;}
#menu{ max-width: 1034px; float: right; width: 86.6666%; padding-top: 15px;}
.menufloat{ position: fixed; top: 0; z-index: 999999; width: 100%;}
.header-navbar{ max-width: 1200px; width: 100%;}
.navbar{ min-height: 40px;}
.header-navbar .navbar-nav{ width: 100%; max-width: 1050px; margin-left: auto; margin-right: auto; float: none;}
.header-navbar .navbar-nav>li{ float: left; position: relative; height: 40px; padding-left: 9px;}
.header-navbar .navbar-nav>li>a{line-height: 40px;color:#2495e4;font-size: 20px; display: block; text-align: center; white-space: nowrap; padding-left: 5px; padding-right: 5px; border-bottom: 2px solid transparent;}
.header-navbar .navbar-nav>li>a:hover,
.header-navbar .navbar-nav>li.active>a{ text-decoration: none; border-bottom: 2px solid #2495e4;}
.header-navbar .navbar-nav>li>a:hover .line img, .header-navbar .navbar-nav>li.active>a .line img{ max-width: 130px; width: 80%; height: 3px;}
.header-navbar .navbar-nav>li.item-2{background-repeat: no-repeat;background-position: 90% 78%;}
.header-navbar .dropdown{position:relative;top:0;left:0;}
.header-navbar .dropdown-toggle{z-index:100;position:relative;top:0;left:0;}
.header-navbar .dropdown-menu{position:absolute;top:auto;left:50%; margin-left:-45%; width:220px; border:none; z-index:150; padding-top: 15px;}
.header-navbar .dropdown-menu .menu{width:100%;text-align:left; background: #FFFFFF; border-top: 6px solid #2495e4;padding-top: 15px;padding-bottom: 14px;}
.header-navbar .item-3 .dropdown-menu{ width: 190px;}
.header-navbar .dropdown-menu .menu-item{text-align: left;}
.header-navbar .dropdown-menu .menu-item1{ border-top: none;}
.header-navbar .dropdown-menu .menu-item > a{display:block;font-weight: block; text-align: left; line-height: 30px;font-weight: normal; font-size: 18px; text-indent: 20px; color: #2495e4;}
.header-navbar .dropdown-menu .menu-item a:hover{color: #FFFFFF; background: #2495e4; text-decoration: none;}
.header-navbar .dropdown-menu .menu-item-item a{ color: #666666;}
.header-navbar .item-3 .dropdown-menu .menu-item > a{ text-indent: 35px;}
.header-contact{float: right; background: url(../images/header-phone.png) left top no-repeat; padding-left: 38px; color: #ffffff; font-size: 14px;}
.header-contact span{ font-size: 16px;}
/*footer*/
.footer{background-color:#2495e4; color: #ffffff;}
.footer a{ color: #ffffff;}
.footer-box{width: 95%;max-width: 1083px; padding-top: 57px; }
.footer-box .footer-logo{ width: 17.36%; padding-top: 36px; padding-bottom:32px; float: left; text-align: center; background: url(../images/line04.png) right 12px no-repeat; background-size: 2px 125px;}
.footer-box .footer-logo img{ width: 55.85%; margin-left: auto; margin-right: auto;}
.footer-box .footer-menu{ text-align: center; line-height: 45px;}
.footer-box .footer-menu .footer-menu-ul{ width:100%;}
.footer-box .footer-menu .footer-menu-ul li{ text-align: center; line-height: 36px; font-size: 20px;}
.footer-box .footer-menu .footer-menu-ul li a{ color: #ffffff;}
.footer-box .footer-contact{ padding-top: 50px;}
.footer-box .footer-contact .tit{ font-size: 20px; color: #FFFFFF; font-weight: bold; line-height: 50px;}
.footer-box .footer-contact .footer-con{ float: left; width: 50%; padding-top: 27px; }
.footer-box .footer-contact .footer-con .item{ line-height: 30px; padding-left: 45px;}
.footer-box .footer-ewm{ float: right; width: 30%;}
.footer-box .footer-ewm img{ width: 85%;}
.footer-box .footer-ewm .txt{ font-size: 14px; margin-top: 10px; text-align: center; width: 90%;}
.footer .footer-box .footer-menu-item{ float: left; width: 15%;}
.footer .footer-box .footer-menu-item:first-child{ width: 10%;}
.footer .footer-box .footer-menu-item dt{ font-size: 22px; font-weight: bold; text-align: center; margin-bottom: 8px;}
.footer .footer-box .footer-menu-item dd{ text-align: center; line-height: 40px;}
.footer .webicp{ text-align: center; line-height: 50px; color: #FFFFFF; background: #147ac1; font-size: 14px;}
.footer .webicp a{ color: #FFFFFF;}
.bottom-navbar{ display: none;}
.link{ text-align: center;line-height: 20px; padding-top: 10px; padding-bottom: 10px; font-size: 12px;}
.link a{ color: #CCCCCC;}
.copyright{ text-align: center; line-height: 54px; background: #bcbdbd; font-size: 14px;}
.mbottom-navbar{ display: none}
/*瀵艰埅*/
.right-navbar{width:auto;height:auto;z-index:100;position:fixed;right:20px;top:130px;text-align:center;}
.right-navbar.active{top:200px;bottom:auto;}
.right-navbar,.right-navbar a,.right-navbar p{font-size:12px;color:#fff;}
.right-navbar .top{ margin-bottom: 8px;}
.right-navbar .item{display:block;width:80px;height:60px; line-height:60px; cursor:default;position: relative;top: 0;right: 0;margin-bottom: 8px;}
.right-navbar .item a{ display: block; line-height: 60px; }
.right-navbar .item:first-child{margin-top:0;}
.right-navbar .item img{max-height: 100%}
.right-navbar .item .word{display:inline-block;line-height:1.2;vertical-align:middle;}
.right-navbar .qrcode{ background: url(../images/right01.png) center center no-repeat #2495e4;}
.right-navbar .phone{ background: url(../images/right02.png) center center no-repeat #2495e4;}
.right-navbar .mobile{ background: url(../images/right03.png) center center no-repeat #2495e4;}
.right-navbar .back-top{ background: url(../images/right04.png) center center no-repeat #02cbc9;}
.right-navbar .hides{position: absolute;right: 88px;top: 0;width: 0;height: 0;text-align: center;overflow: hidden; top: -1px;}
.right-navbar .item.qrcode:hover .hides{width: 140px;height: auto; padding-top: 10px; padding-bottom: 10px; text-align: center; background: #2495e4;}
.right-navbar .item.qrcode:hover .hides img{ width: 120px;}
.right-navbar .item.phone .hides,
.right-navbar .item.mobile .hides{white-space: nowrap; right: 88px;}
.right-navbar .item.phone:hover .hides,
.right-navbar .item.mobile:hover .hides{width: 250px;}
.right-navbar .item.phone .hides,
.right-navbar .item.mobile .hides{width: 0px;height: 60px;line-height: 60px; background: #2495e4; font-size: 16px; top: -1px;}
}
@media screen and (max-width:768px) {
.header .head_left{ padding-top:0.106666rem; padding-bottom: 0.106666rem; padding-left:0.96rem;}
.header .head_left img{ height: 0.973333rem;}
.header-navbar{height:100%;position:absolute;top:0.4rem;right:0;}
.navbar-toggle{display:inline-block;width:0.68rem;position:relative;background:none;background-size:.62rem; padding: 0 0 0 0;float: right; position: relative; z-index: 1000; margin-top: 0; margin-right: 0.426rem;}
.navbar-toggle .icon-bar{display:block;width:100%;height:0.04rem;background:#2495e4; height: 2px!important;}
.navbar-toggle .icon-bar + .icon-bar{margin-top:0.133rem;}
.navbar-collapse{visibility:hidden;width:100%;height:100%;z-index:1000;position:fixed;top:0;right:-100%;-webkit-transition-duration:.6s;-moz-transition-duration:.6s;-o-transition-duration:.6s;transition-duration:.6s;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;}
.navbar.open .navbar-collapse{visibility:visible;right:0; background: #ffffff; z-index: 10000000000000;}
.navbar.open .navbar-close{ position: absolute; left: 1.08rem; top: 0.36rem;}
.navbar .navbar-close{}
.navbar .glyphicon{ display: none;}
.navbar-menu{width:7.626666rem;height:100%;background-color:#2495e4; float: right;}
.navbar-menu .navbar-close{padding:0rem 0;}
.navbar-menu .glyphicon{ display: none;}
.navbar-menu .navbar-close .close{height: 0.4rem;background-image:url(../images/style/navbar_close.png);background-repeat:no-repeat;background-position:center right;background-size:auto 98%; width: 0.4rem; opacity: 1;}
.navbar-menu .navbar-nav{ margin: 0 0 0 0; height: 100%; overflow-y: auto;}
.navbar-menu a{display:block;font-size:0.4rem;line-height:1.24rem;color:#FFFFFF; text-indent: 0.6rem; border-bottom: 1px solid #FFFFFF;}
.navbar-menu a b{float: right; line-height: 1.24rem;font-size: 0.32rem;text-align: left;display: block; color: #FFFFFF; padding-left: 0.2rem; padding-right: 0.3rem; height: 1.24rem; font-weight: normal;}
.navbar-menu a b img{ width: 0.373rem;}
.header-navbar .dropdown-menu .menu-item > a {display: block;color: #FFFFFF; background: #147ac1;;font-size: 0.4rem;text-indent: 0.6rem;}
.dropdown{width:auto;position:relative;top:0;left:0;}
#menu .dropdown-menu{position:relative; margin: 0; padding: 0; float: none; display: none; width: 100%; border: none; box-shadow:none; background: #db9502;}
/*footer*/
.footer{background-color:#2495e4; color: #ffffff;}
.footer a{ color: #ffffff;}
.footer-box{ padding-top: 0.68rem; }
.footer-box .footer-logo{ padding-bottom:0.2rem; border-bottom: 1px solid #ffffff; width: 9.146666rem; margin-left: auto; margin-right: auto;}
.footer-box .footer-logo img{ float: right; height: 0.92rem;}
.footer-box .footer-logo span{ float: left; line-height: 0.92rem; font-size: 0.32rem; font-weight: bold;}
.footer-box .footer-contact{ width: 9.16rem; margin-left: auto; margin-right: auto;}
.footer-box .footer-contact .footer-con{ float: left; width: 65%; padding-top: 0.48rem; padding-bottom: 0.48rem;}
.footer-box .footer-contact .footer-con .item{ line-height: 0.64rem; padding-left: 0.6rem; font-size: 0.213333rem;}
.footer-box .footer-contact .footer-con .item.address{ background: url(../images/foot-item-address.png) left 0.12rem no-repeat; background-size: 0.4rem auto;}
.footer-box .footer-contact .footer-con .item.qq{ background: url(../images/foot-item-qq.png) left 0.12rem no-repeat; background-size: 0.4rem auto;}
.footer-box .footer-contact .footer-con .item.phone{ background: url(../images/foot-item-phone.png) left 0.12rem no-repeat; background-size: 0.4rem auto;}
.footer-box .footer-ewm{ float: right; width: 35%; padding-top: 0.7rem; padding-bottom: 0.48rem;}
.footer-box .footer-ewm img{ width: 85%; float: right;}
.footer-box .footer-ewm .txt{ font-size: 14px; margin-top: 10px; text-align: center; width: 90%;}
.footer .footer-box .footer-menu-item{ float: left; width: 15%;}
.footer .footer-box .footer-menu-item:first-child{ width: 10%;}
.footer .footer-box .footer-menu-item dt{ font-size: 22px; font-weight: bold; text-align: center; margin-bottom: 8px;}
.footer .footer-box .footer-menu-item dd{ text-align: center; line-height: 40px;}
.footer .webicp{ text-align: center; line-height: 0.64rem; color: #FFFFFF; background: #147ac1; font-size: 0.186666rem; padding-bottom: 2rem;}
.footer .webicp img{ height: 0.32rem;}
.footer .webicp a{ color: #FFFFFF;}
.bottom-navbar{ display: none;}
.link{ text-align: center;line-height: 20px; padding-top: 10px; padding-bottom: 10px; font-size: 12px;}
.link a{ color: #CCCCCC;}
.copyright{ text-align: center; line-height: 54px; background: #bcbdbd; font-size: 14px;}
.index-banner .carousel-box { width: 100%; text-align: center; height:0.08rem;}
.index-banner .carousel-indicators{ bottom: 0rem;}
.index-banner .carousel-indicators li{width:0.2rem; height:0.2rem;background-color:#FFFFFF; display: block; margin-right:0.14rem; margin-left:0.14rem; display:inline-block; margin-top: 0; margin-bottom: 0;}
.index-banner .carousel-indicators li.active{ background-color: transparent;}
.carousel-control{width:50%;}
/*搴曢儴*/
.mbottom-navbar{display:block;width:100%;position:fixed;z-index:900;bottom:0.4rem;left:0;padding:5px 0;}
.mbottom-nav{width:7rem;height:1.2rem;margin:0 auto;border-radius:50px;background-color:rgba(199,199,199,0.8);box-shadow:#f5f5f5 0 0 10px 4px;}
.mbottom-nav-item{display:block;float:left;width:33.33%;height:100%;position:relative;}
.mbottom-nav-ic{display:block;height:100%;background-repeat:no-repeat;background-position:center;background-size:.9rem auto;}
/* .mbottom-nav-line{width:2px;height:100%;position:absolute;top:0;left:0;background-color:#fff;}
.mbottom-nav-item:nth-child(0) .mbottom-nav-line{display: none;} */
.mbottom-nav-item.home .mbottom-nav-ic{background-image:url(../images/nav_btxs_home.png);}
.mbottom-nav-item.qq .mbottom-nav-ic{background-image:url(../images/nav_btxs_qq.png);}
.mbottom-nav-item.tel .mbottom-nav-ic{background-image:url(../images/nav_btxs_tel.png);}
.mbottom-nav-item.wechat .mbottom-nav-ic{background-image:url(../images/nav_btxs_wechat.png);}
.mbottom-nav-hide{display:none;width:100%;position:fixed;z-index:900;height:6.1333rem;left:0;bottom:2rem;text-align:center;background-position:center;}
.mbnhide-wechat-box{background-color: #1baae3;width: 50%;margin:0 auto;position: relative;padding:0.4rem 0; -webkit-box-shadow:0 0 10px #e9e9e9; -moz-box-shadow:0 0 10px #e9e9e9; box-shadow:0 0 10px #e9e9e9; border-radius: 0.2rem;}
.mbnhide-wechat-img{width:100%;margin:0 auto 0 auto; background: #1baae3;}
.mbnhide-wechat-img img{width:85%;}
.mbnhide-wechat-p{font-size:0.3rem;color:#010100;text-align:center;margin-top:0.3733rem;}
}
/* sm + */
@media screen and (min-width:768px){
.main-constain{ max-width: 1200px; width: 95%;}
.banner{ text-align: center;}
.banner img{ margin-left: auto; margin-right: auto;}
.more a{ color: #ff6a00; font-size: 18px; line-height: 39px; width: 142px; background: #2495e4; border-radius: 5px; color: #FFFFFF; display: block; text-align: center;-moz-box-shadow: 3px 3px 4px #dfe9ed;-webkit-box-shadow: 3px 3px 4px #dfe9ed;box-shadow: 3px 3px 4px #dfe9ed;}
.more a:hover{ color: #ffffff; background: #2d66a9;}
.index-main{ margin-top: 70px;}
.newslist-con-right{float: right;}
.index-zdxm, .index-product, .index-count-con, .index-applation, .index-youshi-con, .index-xuan, .index-tcxm, .index-company-con, .index-company-huanjing, .index-wenda, .index-news .index-news-con{ max-width: 1200px; width: 95%;}
.index-video{ width: 480px; margin-left: auto; margin-right: auto; margin-top: 20px;}
.index-video2{ margin-top:100px; margin-bottom: 20px;}
#banner:hover .carousel-control{ display: block;}
#banner .carousel-indicators .active{ background: transparent; width: 17px; height: 17px;}
#banner .carousel-indicators li{ background: #dcdcdc; border: none; width: 17px; height: 17px; border: 1px solid #FFFFFF; margin-left: 10px; margin-right: 10px; background: #FFFFFF;}
#banner .carousel-control{ background: #968c87; width: 56px; height: 125px; background-position:center center; background-repeat: no-repeat; top: 50%; margin-top: -62px; display: none; }
#banner .carousel-control:hover{ background: #ff6a00; background-position:center center; background-repeat: no-repeat;}
#banner .carousel-control.left{background-image: url(../images/turnleft.png); left: 130px;}
#banner .carousel-control.right{background-image: url(../images/turnright.png); right: 130px;}
.index-csrs{background: url(../images/index-csrs-bg.png) center bottom no-repeat; padding-top: 44px; padding-bottom: 44px;}
.index-csrs .index-csrs-con{}
.index-csrs .index-csrs-con .img{ float: left; width:50%; text-align: center;}
.index-csrs .index-csrs-con .img img{ width: 73.333%; max-width: 440px;}
.index-csrs .index-csrs-info{ float: right; width: 50%; padding-top: 60px;}
.index-csrs .index-csrs-info .instr{ max-width: 475px; width: 95%;}
.index-csrs .index-csrs-info .title{ font-size: 35px; line-height: 50px; color: #2495e4; font-weight: bold;}
.index-csrs .index-csrs-info .eng{ font-size: 87px; line-height:82px; color: #dcf0f9; text-transform: uppercase; height: 82px;}
.index-csrs .index-csrs-info .subtitle{ font-size: 18px; color: #9f9f9f; line-height: 30px; height: 48px;}
.index-csrs .index-csrs-info .con{ font-size: 16px; line-height: 28px; text-align: justify;}
.index-csrs .index-csrs-info .more{ margin-top: 15px;}
.index-num{ background: #00bebc; padding-top: 36px; padding-bottom: 36px; color: #FFFFFF; text-align: center;}
.index-num .col-sm-3{ padding-top: 20px; padding-bottom: 20px; background: url(../images/line01.png) left top repeat-y;}
.index-num .col-sm-3:first-child{ background: none;}
.index-num .col-sm-3 .num{ font-size: 42px; line-height: 45px; height: 45px;}
.index-num .col-sm-3 .num span{ font-size: 19px; position: relative; top: -18px; right: -5px;}
.index-num .col-sm-3 .tit{ line-height: 32px; font-size: 19px;}
.index-case{ background: #eef9fd; padding-top: 77px; padding-bottom: 63px}
.index-case .index-case-con{ max-width: 1313px; position: relative;}
.index-case #case{ width: 100%;}
.index-case #case .item-con{ width: 95%;}
.index-case #case .item-con .des{ background: #00bebc; border-radius: 10px; padding-bottom: 18px;}
.index-case #case .item-con .des .des-con{ width: 76%; color: #FFFFFF; text-align: justify; padding-top: 36px; background: url(../images/icon01.png) bottom right no-repeat; padding-bottom: 30px; line-height: 30px;}
.index-case #case .item-con .sanjiao{ background: url(../images/icon02.png) left top no-repeat; height: 13px; background-size: auto 100%; width: 85%; height: 13px; margin-bottom: 11px;}
.index-case #case .item-con .img{ float: left; padding-left: 3px; padding-right: 10px;}
.index-case #case .item-con .img img{ border-radius: 50%; border:5px solid #FFFFFF; background-size: auto 100%; background-position: center center;}
.index-case #case .item-con .tit{ padding-top: 36px; line-height: 28px; color: #2495e4;}
.index-case #case .item-con .subtit{ color: #565656; font-size: 12px;}
.index-case .carousel-control{ width: 43px; height: 165px; background-position:center center; background-repeat: no-repeat; top: 20px; display: block; }
.index-case .carousel-control.left{background-image: url(../images/turnleft.png); left: 0px;}
.index-case .carousel-control.right{background-image: url(../images/turnright.png); right: 0px;}
.index-youshi{ background: url(../images/index-youshi-bg.png) center bottom no-repeat; padding-top: 80px; padding-bottom: 80px;}
.index-youshi .index-youshi-con{ width: 90%; max-width: 1080px;}
.index-youshi .index-maidian{ text-align: center; color: #1ba1e3; font-size: 25px; width: 95%; margin-left: auto; margin-right: auto; max-width: 1200px; margin-bottom: 50px; background: #FFFFff; border-radius: 10px;}
.index-youshi .index-maidian span{ font-family: "瀹嬩綋";}
.index-youshi .index-maidian .pcon{ padding-left: 30px; margin-left: auto; margin-right: auto; line-height: 54px;}
.index-youshi .index-maidian .pcon .item{ padding-right: 30px;}
.index-youshi .item{ float: left;}
.index-youshi .item .item-con{ height: 270px;}
.index-youshi .item.item2 .item-con,.index-youshi .item.item4 .item-con,.index-youshi .item.item5 .item-con,.index-youshi .item.item7 .item-con{ background: url(../images/index-youshi-bg2.png) top right no-repeat #FFFFFF;}
.index-youshi .item.item3 .item-con,.index-youshi .item.item6 .item-con{ border: 1px solid #FFFFFF;}
.index-youshi .item.item3 .item-con .des,.index-youshi .item.item6 .item-con .des{ color: #FFFFFF;}
.index-youshi .item .tit{ padding-top: 54px; padding-bottom: 14px;}
.index-youshi .item .line{ width: 40%; height: 1px; background: #99cef2; margin-left: auto; margin-right: auto}
.index-youshi .item .des{ margin-top: 20px; line-height: 24px; width: 75%; margin-left: auto; margin-right: auto; text-align: justify;}
.index-youshi .item1 .img{padding-top: 55px;}
.index-youshi .item1 .tit{ font-size: 40px; line-height:80px; text-align: center; padding-top: 0; color: #FFFFFF;}
.index-news{ margin-top: 70px; padding-bottom: 50px;}
.index-news .title{ width: 100%; position:relative;}
.index-news .title .tit{ height: 36px; float: left; font-size: 40px; font-weight: bold; color: #2495e4; height: 100px;}
.index-news .title .tit span{ color: #6c6c6c; font-size: 22px; font-weight: normal; padding-left: 12px; text-transform: uppercase; padding-top: 24px;}
.index-news .weibo .weibo-con{ border-top: 24px solid #2495e4;}
.index-news .index-news-con{ width: 91%; float: right}
.index-news .img-con{ padding-top: 15px; padding-bottom: 15px;}
.index-news .img-con .item .con .tit{ font-size: 20px; line-height: 60px; padding-right: 15px;}
.index-news .tit a{ color: #1baae3;}
.index-news .tit span{ float: right; color:#9f9f9f ; font-size: 15px;}
.index-news .des{ line-height:25px; text-align: left; color: #4b4b4b; height: 50px; overflow: hidden;}
.index-news .index-news-con-con .list-con:last-child{ border-bottom: 1px solid #a2aab8;}
.index-news .list-con{ border-top: 1px solid #a2aab8; padding-bottom: 15px; padding-top: 20px;}
.index-news .list-con .tit{ font-size: 20px; height: 42px;}
.index-liucheng .title{ max-width: 800px;}
.index-liucheng .txt{font-size: 40px; text-align: center; line-height: 60px; font-weight: bold; color: #2495e4;}
.index-liucheng .line{ width: 67.5%; height: 6px; background: url(../images/line03.png) center center repeat-x; }
.index-liucheng .line img{ width: 126px; height: 6px;}
.index-liucheng .subtit{ line-height: 90px; text-align: center; font-size: 25px; color: #2c2c2c; font-weight: normal;}
.index-liucheng .liucheng-con{ max-width: 1200px; padding-top: 20px; padding-bottom: 30px;}
.index-liucheng .liucheng-con .item .img{ background: url(../images/index-dingzhi-bg.png) right center no-repeat;}
.index-liucheng .liucheng-con .item .img img{ width: 83%;}
.index-liucheng .liucheng-con .item .con{ width: 85%; font-size: 18px; line-height: 36px; padding-top: 115px; padding-bottom: 40px;}
.index-liucheng .liucheng-con .item .more{ width: 85%;}
.index-liucheng .liucheng-con .item .more a{ float: right;}
.index-zizhi{ margin-top: 50px;}
.index-zizhi .title{ max-width: 800px; margin-bottom: 40px;}
.index-zizhi .title .txt{font-size: 40px; text-align: center; line-height: 60px; font-weight: bold; color: #2495e4;}
.index-zizhi .title .line{ width: 67.5%; height: 6px; background: url(../images/line03.png) center center repeat-x; }
.index-zizhi .title .line img{ width: 126px; height: 6px;}
.index-zizhi .zizhi-con{ max-width: 1200px; width: 95%; text-align: center;}
.index-zizhi .zizhi-con img{ width: 98%; margin-left: auto; margin-right: auto;}
.index-zizhi .zizhi-con .txt{ font-size: 22px; text-align: center; line-height: 65px; color: #2495e4;}
.index-zizhi .row{ margin-bottom: 45px;}
.index-zizhi .row .item{ width: 20%; float: left; margin-bottom: 45px;}
/*鍏充簬鎴戜滑*/
.about-contact .title,
.newslist .title,
.hzallist .title{ width: 73.333333%;}
.about-contact .title .tit,
.newslist .title .tit,
.hzallist .title .tit{font-size: 35px; text-align: center; line-height: 60px; font-weight: bold; color: #2495e4;}
.about-contact .title .line,
.newslist .title .line,
.hzallist .title .line{ width: 100%; height: 6px; background: url(../images/line05.png) center center repeat-x; }
.about-contact .title .line img,
.newslist .title .line img,
.hzallist .title .line img{ width: 80px; height: 6px;}
.about-contact, .newslist, .hzallist{ margin-top: 65px;}
.breadcrumb{ background-color: #FFFFFF; margin-bottom: 0; line-height: 45px; margin-top: 35px; font-size: 18px; max-width: 1200px; width: 95%; border-bottom: 1px solid #e5e5e5;}
.breadcrumb li a{color: #5d5e6e;}
.breadcrumb li a:hover{ color: #b91826; }
.breadcrumb ul{ max-width: 1100px; margin-left: auto; margin-right: auto; width: 94%;}
/*鍏充簬鎴戜滑*/
.csrs-img{ margin-top: 175px;}
.csrs-img .csrs-img-main{ max-width: 1408px; background: url(../images/csrs-bg01.png) right top no-repeat;}
.csrs-img .csrs-img-con{ background: #eef9fd; border-radius: 10px 10px 0 0;}
.csrs-img .csrs-img-con .img{ position: relative;}
.csrs-img .csrs-img-con .img img{ top: -140px; position: absolute; padding-left: 56px;}
.csrs-img .csrs-img-con .con{ padding-left: 397px; padding-right: 46px; padding-top: 50px;}
.csrs-img .csrs-img-con .con .tit{ border-bottom: #9f9f9f 1px solid;}
.csrs-img .csrs-img-con .con .tit .name{ font-size: 35px; font-weight: bold; color: #2495e4; float: left; line-height: 56px;}
.csrs-img .csrs-img-con .con .tit .zhiwei{ float: left; color: #3c3c3c; font-size: 18px; padding-left: 12px; padding-top: 24px;}
.csrs-img .csrs-img-con .con .des{ padding-top: 35px; line-height: 36px; color: #9f9f9f; padding-bottom: 45px;}
.csrs-img .csrs-img-con .con .des p{ text-indent: 2em; font-size: 18px; text-align: justify;}
.csrs-story{ padding-bottom: 85px;}
.csrs-story .tit{ padding-top: 50px; font-size: 30px; color: #2495e4; line-height: 72px; font-weight: bold; margin-bottom: 15px;}
.csrs-story .con{ line-height: 36px; font-size: 18px;}
.csrs-story .con p{ text-indent: 2em; text-align: justify;}
.csrs-story .blueBig{ font-size: 22px; color: #2495e4;}
.csrs-story .blue{ color: #2495e4; font-weight: bold;}
.csrs-story .row{ margin-top: 60px;}
.csrs-story .row img{ margin-left: auto; margin-right: auto;}
.csrs-story .row1 img{ width: 85%;}
.csrs-story .row3{ width: 95%;}
.csrs-story .row4{ width: 75%;}
.csrs-story .row4 img{ width: 85%; max-width: 380px;}
.about-contact{ width: 95%; max-width: 1200px; padding-bottom: 100px;}
.about-contact .about-contact-main{ max-width: 1060px; width: 95%; margin-top: 313px; position: relative; background: url(../images/contact-bg.png) bottom right no-repeat #f6fbfe; padding-bottom: 85px; margin-bottom: 100px;}
.about-contact .about-contact-con{ position: relative; max-width: 885px; width: 83.5%; padding-top: 265px;}
.about-contact .contact-map{ max-width: 885px; height: 450px; position: absolute; top: -228px; width: 100%;}
.about-contact .about-contact-con .des{ width: 98%;}
.about-contact .about-contact-con .des .item{text-indent: 23px; line-height: 40px; font-size: 20px; color: #2495e4;}
.about-contact .about-contact-con .des .item a{ color: #2495e4;}
.about-contact .about-contact-con .des .address{ background: url(../images/icon-address.png) left center no-repeat;}
.about-contact .about-contact-con .des .phone{ background: url(../images/icon-phone.png) left center no-repeat;}
.about-contact .about-contact-con .des .qq{ background: url(../images/icon-qq.png) left center no-repeat;}
/*鍗氬鍒楄〃*/
.newslist .newslist-con{ width: 95%; max-width: 1200px; margin-top: 58px;}
.newslist .title{ position: relative; }
.newslist .title .search{border: 1px solid #7d7d7d; border-radius: 19px; height: 38px; padding-left: 15px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; outline: none; position: absolute; bottom: 12px; right: 0;}
.newslist .title .search .book-form-input{ border: none; background: none; line-height: 28px; outline: none; float: left; width: 148px;}
.newslist .title .search .book-form-submit{ border-left: 1px #7d7d7d solid; font-size: 0; background: url(../images/searchBtn.png) center center no-repeat; border-right: none; border-top: none; border-bottom: none; width: 40px; height: 28px; float: left;}
.prolist3 .albumlist-con .item{ width: 88%;}
.newslist li{ margin-bottom: 50px;}
.newslist li a:hover{ -webkit-box-shadow:0 0 5px #CCCCCC; -moz-box-shadow:0 0 5px #CCCCCC; box-shadow:0 0 5px #CCCCCC; display: block;}
.newslist .newspic{ float: left; width:26.166666%;}
.newslist .newspic img{ width: 92%;float: left;}
.newslist .newsinfo{ width: 58%; float: left;}
.newslist .newsinfo .newst{ line-height: 36px; font-size: 23px; padding-top: 30px; padding-bottom: 15px; color: #2495e4;}
.newslist .newsinfo .newsjian{ line-height: 28px; height: 84px; overflow: hidden; color: #595757;}
.newslist .newsdate{ float: right; width: 11%; padding-top: 83px;}
.newslist .newsdate .date{ text-align: center; padding-top: 15px; font-size: 18px; color: #4b4b4b; background: #f0f8fd; padding-bottom: 8px;}
.newslist .newsdate .more{ text-align: center; background: #f0f8fd; padding-bottom: 15px;}
.page{ margin-top: 80px; margin-bottom: 80px;}
.page .pager{ text-align: center;}
.page li>a{padding:15px 20px; color: #333333; border: 1px solid #e7e7e7ss; border-radius: 0; margin-right: 8px; margin-left:8px; font-size: 14px;}
.page li>a:hover, .page li>a.current{background: #2495e4; border: 1px solid #2495e4; color: #ffffff; display: inline-block}
.newslist-3{ width: 100%; float: right;}
.hzallist .hzallist-con{ width: 96.666666%; max-width: 1160px; margin-top: 75px;}
.hzallist .hzallist-con .item{ padding-bottom: 196px; position: relative;}
.hzallist .newspic{ width: 93%; max-width: 537px; position: relative; z-index: 10;}
.hzallist .newspic img{ width: 100%;}
.hzallist .newsinfo{ width:82.4%; padding-top: 21px; -webkit-box-shadow:0 0 15px #CCCCCC; -moz-box-shadow:0 0 15px #CCCCCC; box-shadow:0 0 15px #CCCCCC; bottom: 74px; left: 8.8%; background: #FFFFFF; position: absolute; z-index: 100;}
.hzallist .newsinfo .newst{ width: 88.7%; font-size: 22px; font-weight: bold; color: #2495e4; line-height: 30px; height: 60px; overflow: hidden;}
.hzallist .newsinfo .newst a{ color: #1baae3;}
.hzallist .newsinfo .newst a:hover{color:#ff6a00}
.hzallist .newsinfo .newsjian{ line-height: 30px; overflow: hidden; color: #595757; margin-top: 10px; font-size: 18px; width: 88.7%; height: 90px; margin-bottom: 20px;}
.hzaldetail{ margin-top: 50px;}
.hzaldetail .h1{ font-size: 30px; padding-top:10px; line-height: 40px; color: #2495e4; text-align: center; margin-top:0; margin-bottom: 0;}
.hzaldetail .date{ line-height: 45px; color: #7d7d7d; border-bottom: #7d7d7d 1px solid;}
.hzaldetail .date .view{ display: inline-block; background: url(../images/view.png) left center no-repeat; line-height: 45px; padding-left: 30px; color: #2495e4;}
.hzaldetail .word{ margin-top: 56px; line-height: 35px; font-size: 18px; padding-bottom: 120px;}
/*鍗氬璇︽儏*/
.newsdetail{ max-width: 1200px; width: 95%;}
.newsdetail .h1{ text-align: center; font-size: 30px; line-height: 45px; padding: 30px 0 15px 0; margin: 0 0 0 0; color: #1baae3; margin-bottom: 8px;}
.newsdetail-line{ width: 96.666%; overflow: hidden; background: #ffffff;}
.newsdetail .h2{ text-align: center; font-size: 16px; padding: 0 0 0 0; margin: 0 0 0 0; height: 30px; font-family: "microsoft yahei"; color: #9fa0a0; font-size: 18px;}
.newsdetail .word{ line-height: 45px; text-align: left; font-size: 18px; margin-bottom: 80px;}
.newsdetail .xiangguan{ margin-top: 90px; border-top: 1px solid #d2d2d2; padding-top: 40px; margin-bottom: 150px;}
.newsdetail .xiangguan .title{ font-size: 20px; line-height: 72px;}
.newsdetail .xiangguan .col-sm-4:nth-child(3n+1) .item{ float: left;}
.newsdetail .xiangguan .col-sm-4:nth-child(3n) .item{ float: right;}
.newsdetail .xiangguan .item{ width: 95%; border: 1px solid #d2d2d2; margin-bottom: 30px; padding-top: 20px;}
.newsdetail .xiangguan .tit, .newsdetail .xiangguan .date, .newsdetail .xiangguan .des{ width: 90%;}
.newsdetail .xiangguan .tit{ font-size: 20px; height: 45px; overflow: hidden;}
.newsdetail .xiangguan .tit a{ display: block;}
.newsdetail .xiangguan .tit a:hover{color: #ff6a00}
.newsdetail .xiangguan .date{font-size: 20px; color: #9fa0a0; height: 45px;}
.newsdetail .xiangguan .des{ height: 48px; line-height: 24px; overflow: hidden; margin-bottom: 24px;}
.word img{ max-width: 100%;}
.page-row{ margin-top: 60px;}
.page-row .turnto,
.page-row .next,
.page-row .prev{ margin-left: 10px; }
.page-row a{ display:block;font-size: 14px; line-height: 30px; padding-left: 10px; padding-right: 10px; white-space: nowrap; }
.page-row a:hover{ background: #f6a702; color: #f6a702; color: #ffffff;}
.prolist3, .productdetail{ max-width: 1200px; width: 98%; margin-top: 75px;}
.productdetail .pageleft,
.prolist3 .pageleft{ width: 17%; float: left;}
.productdetail .pageleft h3,
.prolist3 .pageleft h3{ text-align: center; color: #FFFFFF; font-size: 20px; font-weight: bold;}
.productdetail .pageleft h3 .txt,
.prolist3 .pageleft h3 .txt{background: #2495e4; line-height: 45px;}
.productdetail .pageleft dl,
.prolist3 .pageleft dl{ border: 1px solid #6dc9ed; padding-bottom: 20px; padding-top: 20px;}
.productdetail .pageleft dd a,
.prolist3 .pageleft dd a{ display:block; line-height: 30px; text-align: center; color: #1baae3; font-size: 16px; text-align: left; padding-left: 20px;}
.productdetail .pageleft dd .left-menu a,
.prolist3 .pageleft dd .left-menu a{ color: #666666;}
.productdetail .pageleft dd a:hover,
.productdetail .pageleft dd a.active,
.prolist3 .pageleft dd a:hover,
.prolist3 .pageleft dd a.active{ background: #1baae3; color: #FFFFFF;}
.prolist3 .productlist-con,.prolist3 .albumlist-con,
.productdetail .productdetail-con{ float: right; width: 78%;}
.prolist3 .productlist-con .title{ border-bottom: 1px solid #7d7d7d; margin-bottom: 20px; padding-bottom: 10px;}
.prolist3 .productlist-con .title .tit{ float: left; font-size: 20px; line-height: 38px; font-weight: bold; color: #2495e4;}
.prolist3 .productlist-con .title .search{ float: right; border: 1px solid #7d7d7d; border-radius: 19px; height: 38px; padding-left: 15px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; outline: none;}
.prolist3 .productlist-con .title .search .book-form-input{ border: none; background: none; line-height: 28px; outline: none; float: left; width: 125px;}
.prolist3 .productlist-con .title .search .book-form-submit{ border-left: 1px #7d7d7d solid; font-size: 0; background: url(../images/searchBtn.png) center center no-repeat; border-right: none; border-top: none; border-bottom: none; width: 40px; height: 28px; float: left;}
.prolist3 .productlist-con li{ border-bottom: 1px solid #eeeeee; padding-bottom: 30px; margin-bottom: 30px; background: url(../images/line06.png) right 60px no-repeat; background-size: 62.5% 1px;}
.prolist3 .productlist-con .newspic{ float: left; width:36.5625%;}
.prolist3 .productlist-con .newsinfo{ float: right; width: 56.875%;}
.prolist3 .productlist-con .newsinfo .newst{ font-size: 22px; padding-top: 22px; line-height: 36px;}
.prolist3 .productlist-con .newsinfo .newsjian{ margin-top: 10px; line-height: 30px; color: #727171; height: 60px; overflow: hidden;}
.prolist3 .page li{ background: none; border-bottom: none; }
.prolist3 .albumlist-con .title{ border-bottom: 1px solid #7d7d7d; margin-bottom: 20px; padding-bottom: 10px;}
.prolist3 .albumlist-con .title .tit{ float: left; font-size: 20px; line-height: 38px; font-weight: bold; color: #2495e4;}
.prolist3 .albumlist-con .title .search{ float: right; border: 1px solid #7d7d7d; border-radius: 19px; height: 38px; padding-left: 15px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; outline: none;}
.prolist3 .albumlist-con .title .search .book-form-input{ border: none; background: none; line-height: 28px; outline: none; float: left; width: 125px;}
.prolist3 .albumlist-con .title .search .book-form-submit{ border-left: 1px #7d7d7d solid; font-size: 0; background: url(../images/searchBtn.png) center center no-repeat; border-right: none; border-top: none; border-bottom: none; width: 40px; height: 28px; float: left;}
.prolist3 .albumlist-con .item{ width: 88%;}
.prolist3 .albumlist-con .item .newspic{border: 1px solid #e9e9e9;}
.prolist3 .albumlist-con .item .newst a{ display: block; line-height: 51px; background: #2495e4; color: #FFFFFF; text-align: center; padding-left: 10px; padding-right: 10px; font-size: 18px;}
.prolist3 .albumlist-con .item .newsjian{ line-height: 26px; font-size: 15px; margin-top: 10px; height: 124px;}
.prolist3 .albumlist-con .page{ margin-top: 0;}
.productdetail .productdetail-con .h1{ font-size: 22px; color: #2495e4; text-align: center; line-height: 36px;}
.productdetail .productdetail-con .line{ height: 1px ; background: #eeeeee; overflow: hidden; margin-bottom: 50px;}
.productdetail .productdetail-con .word{ font-size: 18px; line-height: 36px; padding-bottom: 50px; text-align: justify;}
.albumdetail{ max-width: 1200px; width: 95%; margin-top:97px}
.albumdetail .albumdetail-left{ float: left; width: 41.6666%; position: relative; overflow: hidden;}
.albumdetail .albumdetail-left .pro-pic{ float: left; width: 72%; border: 1px solid #d2d2d2;}
.albumdetail .albumdetail-left .pro-pic-list{ width: 20%; position: absolute; top: 0; right: 0; padding-top: 25px;}
.albumdetail .albumdetail-left .pro-pic-list .slider-container{ position: relative;}
.albumdetail .albumdetail-left .pro-pic-list .slider-container .slider-thumb{ margin-bottom: 50px;}
.albumdetail .albumdetail-left .pro-pic-list .slider-container .slider-up{ background: url(../images/btn-top.png) center center no-repeat #ffffff; position: absolute; top: -25px; left: 0; height: 25px;}
.albumdetail .albumdetail-left .pro-pic-list .slider-container .slider-down{ background: url(../images/btn-bottom.png) center center no-repeat #ffffff; position: absolute; bottom: -27px; left: 0; height: 25px;}
.albumdetail .albumdetail-right{ width: 50%; float: right; background: #f7f7f7; padding-top: 30px;}
.albumdetail .albumdetail-right .h1,
.albumdetail .albumdetail-right .info,
.albumdetail .albumdetail-right .des{ width: 90%;}
.albumdetail .albumdetail-right .h1{ font-size: 16px; line-height: 35px;}
.albumdetail .albumdetail-right .info{ font-size: 14px; line-height: 35px; padding-bottom: 30px;}
.albumdetail .albumdetail-right .des{ font-size: 14px; line-height: 35px; padding-bottom: 100px;}
.albumdetail .albumdetail-right .des span{ color: #2495e4; font-size: 16px;}
.albumdetail .content{ margin-top: 50px;}
.albumdetail .content .tit dl{background: url(../images/line05.png) left top repeat-y; margin-bottom: 60px;}
.albumdetail .content .tit dd{ line-height: 45px; text-align: center; background: url(../images/line05.png) left top repeat-x, url(../images/line05.png) right top repeat-y, url(../images/line05.png) left bottom repeat-x;}
.albumdetail .content .tit dd.active{ background: #2495e4; color: #FFFFFF; font-size: 18px;}
.albumdetail .content .word{ font-size: 18px; line-height: 36px;}
}
@media screen and (min-width:1150px) and (max-width: 1350px){
.about-company .about-body01{padding-top: 25px; padding-bottom: 40px;}
.about-company .about-body01 .title{ font-size: 24px; line-height: 55px; border-bottom: 2px solid #1baae3;}
.about-company .about-main-constain{ margin-top: 30px; padding-top: 18px; padding-bottom: 18px;}
.about-company .about-main-constain .tit{ font-size: 20px;}
.about-company .about-main-constain .des{ font-size: 16px; line-height: 30px;}
.about-company .about-body02 .item{ margin-bottom: 30px;}
.about-company .about-body02 .item .tit{ font-size: 24px; }
.about-company .about-body02 .item .des{ font-size: 16px; line-height: 32px;}
.index-youshi .index-maidian{ font-size: 20px; }
}
@media screen and (min-width:900px) and (max-width: 1150px){
.about-company .about-body01{padding-top: 25px; padding-bottom: 40px;}
.about-company .about-body01 .title{ font-size: 24px; line-height: 55px; border-bottom: 1px solid #1baae3;}
.about-company .about-main-constain{ margin-top: 30px; padding-bottom: 18px;}
.about-company .about-main-constain .tit{ font-size: 18px; line-height: 50px;}
.about-company .about-main-constain .des{ font-size: 14px; line-height: 24px;}
.about-company .about-body02 .item{ margin-bottom: 30px;}
.about-company .about-body02 .item .tit{ font-size: 24px; }
.about-company .about-body02 .item .des{ font-size: 16px; line-height: 28px;}
.about-company .about-body02 .col-sm-4:nth-child(5) .item .des,
.about-company .about-body02 .col-sm-4:nth-child(6) .item .des{
line-height: 56px;
}
.index-youshi .index-maidian{ font-size: 18px; }
}
@media screen and (min-width:768px) and (max-width: 900px){
.about-company .about-body01{padding-top: 25px; padding-bottom: 40px;}
.about-company .about-body01 .title{ font-size: 24px; line-height: 55px; border-bottom: 1px solid #1baae3;}
.about-company .about-main-constain{ margin-top: 30px; padding-top: 18px; padding-bottom: 18px;}
.about-company .about-main-constain .tit{ font-size: 18px; line-height: 50px;}
.about-company .about-main-constain .des{ font-size: 12px; line-height: 20px;}
.about-company .about-body02 .item{ margin-bottom: 30px;}
.about-company .about-body02 .item .tit{ font-size: 20px; }
.about-company .about-body02 .item .des{ font-size: 12px; line-height: 20px;}
.about-company .about-body02 .col-sm-4:nth-child(5) .item .des,
.about-company .about-body02 .col-sm-4:nth-child(6) .item .des{
line-height: 40px;
}
.index-youshi .index-maidian{ font-size: 14px; }
}
@media screen and (min-width:768px) and (max-width: 1150px){
}
@media screen and (min-width:768px) and (max-width: 1200px){
.index-contact{ height: auto; background: url(../images/index-contact-bg.png) center top no-repeat; background-size:auto 100%;}
.index-contact .kouhao{ padding-top:30px;}
.index-contact .kouhao .eng, .index-contact .kouhao .chn{ font-size: 18px; line-height: 30px;}
.index-contact .kouhao .chn{ font-size: 20px;}
.index-contact .phone{ float: right; padding-top: 15px; padding-bottom: 15px;}
.index-contact .phone .phone-in{ font-size: 18px; line-height: 24px;}
.index-contact .phone .num{ font-size: 24px; line-height: 36px; font-family: "arial black"; text-align: center;}
.index-contact .phone .more{ width: 90%; height: 24px; margin-left: auto; margin-right: auto;}
}
@media screen and (min-width:768px) and (max-width: 1000px){
.header-navbar .navbar-nav>li>a{ font-size: 14px;}
.index-youshi .index-youshi-con-con .item{ width: 300px;}
.index-youshi .index-youshi-con-con .item .tit{ font-size: 26px; text-indent: 60px; height: 40px;}
.index-youshi .index-youshi-con-con .item .des{ font-size: 18px; line-height: 36px;}
}
@media screen and (max-width:767px){
.main-constain{ max-width: 1200px; width: 95%;}
.index-video{ width: 9rem; height: 5.175rem; margin-left: auto; margin-right: auto; margin-top: 0.3rem; margin-bottom: 0.3rem;}
.index-video video{width: 9rem; height: 5.175rem;}
.more a{ color: #ff6a00; font-size: 0.346666rem; line-height: 0.72rem; width: 2.4rem; background: #2495e4; border-radius: 0.24rem; color: #FFFFFF; display: block; text-align: center;-moz-box-shadow: 3px 3px 4px #dfe9ed;-webkit-box-shadow: 3px 3px 4px #dfe9ed;box-shadow: 3px 3px 4px #dfe9ed; margin-left: auto; margin-right: auto;}
.index-main{ margin-top: 70px;}
.newslist-con-right{float: right;}
.index-zdxm, .index-product, .index-count-con, .index-applation, .index-youshi-con, .index-xuan, .index-tcxm, .index-company-con, .index-company-huanjing{ max-width: 1200px; width: 95%;}
.index-csrs{ margin-top: 4.2rem; background: #eef9fd; position: relative; padding-bottom: 1.28rem;}
.index-csrs .index-csrs-con{ position: relative;}
.index-csrs .index-csrs-con .img{ width: 7.92rem; text-align: center; margin-left: auto; margin-right: auto; margin-top: -3.466666rem; }
.index-csrs .index-csrs-con .img img{ width: 100%; }
.index-csrs .index-csrs-info{ width: 8.3rem; padding-top: 2rem; margin-left: auto; margin-right: auto; position: relative;}
.index-csrs .index-csrs-info .instr{ width: 100%; }
.index-csrs .index-csrs-info .title{ font-size: 0.666666rem; line-height: 0.8rem; color: #2495e4; font-weight: bold; text-align: center;}
.index-csrs .index-csrs-info .eng{ font-size: 1.36rem; line-height:1.5rem; color: #dcf0f9; text-transform: uppercase; text-align: center; position: absolute; top: 0px; text-align: center; width: 100%}
.index-csrs .index-csrs-info .subtitle{ font-size: 0.4rem; color: #9f9f9f; line-height: 0.8rem; text-align: center;}
.index-csrs .index-csrs-info .con{ font-size: 0.4rem; line-height: 0.8rem; text-align: justify; padding-top: 0.56rem;}
.index-csrs .index-csrs-info .more{ margin-top: 0.68rem;}
.index-num{ background: #00bebc; padding-top: 0.56rem; padding-bottom: 0.56rem; color: #FFFFFF; text-align: center;}
.index-num .main-constain{ width: 8rem;}
.index-num .col-xs-6{ padding-top: 0.28rem; padding-bottom: 0.28rem;}
.index-num .col-xs-6.item1{background: url(../images/line01.png) left bottom repeat-x, url(../images/line01.png) right top repeat-y;}
.index-num .col-xs-6.item2{background: url(../images/line01.png) left bottom repeat-x;}
.index-num .col-xs-6.item3{background: url(../images/line01.png) right top repeat-y;}
.index-num .col-xs-6 .num{ font-size: 0.746666rem; line-height: 0.866666rem; height: 0.866666rem;}
.index-num .col-xs-6 .num span{ font-size: 0.346666rem; position: relative; top: -0.24rem; right: -5px;}
.index-num .col-xs-6 .tit{ line-height: 0.72rem; font-size: 0.346666rem;}
.index-case{ background: #eef9fd; padding-top: 1rem; padding-bottom: 0.8rem}
.index-case .index-case-con{ width: 7.8rem; position: relative;}
.index-case #casemobile{ width: 100%;}
.index-case #casemobile .item-con{ width: 100%;}
.index-case #casemobile .item-con .des{ background: #00bebc; border-radius: 0.16rem; padding-bottom: 0.373333rem;}
.index-case #casemobile .item-con .des .des-con{ width: 6.08rem; color: #FFFFFF; text-align: justify; padding-top: 0.8rem; background: url(../images/icon01.png) bottom right no-repeat; padding-bottom: 0.8rem; line-height: 0.8rem; background-size: auto 0.48rem;}
.index-case #casemobile .item-con .sanjiao{ background: url(../images/icon02.png) left top no-repeat; height: 0.24rem; background-size: auto 100%; width: 85%; margin-bottom: 0.52rem;}
.index-case #casemobile .item-con .img{ float: left; padding-right: 0.28rem;}
.index-case #casemobile .item-con .img img{ border-radius: 50%; border:5px solid #FFFFFF; background-size: auto 100%; background-position: center center; width: 2.04rem;}
.index-case #casemobile .item-con .tit{ padding-top: 0.5rem; line-height: 0.64rem; font-size: 0.4rem; color: #2495e4;}
.index-case #casemobile .item-con .subtit{ color: #565656; font-size: 0.333333rem;}
.index-case .carousel-control{ width: 0.6rem; height: 5.106666rem; background-position:center center; background-repeat: no-repeat; background-size: 100% auto; top: 0px; display: block; }
.index-case .carousel-control.left{background-image: url(../images/turnleft.png); background-color: #d1dde1; left: -0.76rem;}
.index-case .carousel-control.right{background-image: url(../images/turnright.png); right:-0.76rem; background-color: #d1dde1;}
.index-youshi{ background: url(../images/mobile-index-youshi-bg.jpg) #49ced3 center top no-repeat; padding-top: 1.08rem; padding-bottom: 2.3rem; background-size: 100% auto;}
.index-youshi .index-maidian{ text-align: center; color: #1ba1e3; font-size: 0.44rem; width: 95%; margin-left: auto; margin-right: auto; margin-bottom: 0.6rem; background: #FFFFff; border-radius: 0.2rem; line-height: 0.68rem;}
.index-youshi .index-maidian span{ font-family: "瀹嬩綋";}
.index-youshi .index-maidian .pcon{ padding-left: 0.68rem; padding-top: 0.36rem; margin-left: auto; margin-right: auto; line-height: 0.68rem;}
.index-youshi .index-youshi-con .index-maidian{ text-align: left; line-height:0.8rem; padding-bottom: 0.4rem; color: #1ba1e3; font-size: 0.4rem; width: 8.32rem; margin-left: auto; margin-right: auto; }
.index-youshi .index-youshi-con .index-maidian span{ padding-top: 0.36rem; padding-bottom: 0.36rem;}
.index-youshi .item{ float: left;}
.index-youshi .index-youshi-con{ width: 8.76rem;}
.index-youshi .item{ float: left;}
.index-youshi .item .item-con{ height: 4.4rem;}
.index-youshi .item.item2 .item-con,.index-youshi .item.item5 .item-con,.index-youshi .item.item6 .item-con{ background: url(../images/index-youshi-bg2.png) top right no-repeat #FFFFFF; background-size: 2.16rem auto;}
.index-youshi .item.item3 .item-con,.index-youshi .item.item4 .item-con,.index-youshi .item.item7 .item-con{ background: url(../images/line01.png) left top repeat-y,url(../images/line01.png) left top repeat-x,url(../images/line01.png) right top repeat-y,url(../images/line01.png) left bottom repeat-x;}
.index-youshi .item.item3 .item-con .des,.index-youshi .item.item4 .item-con .des,.index-youshi .item.item7 .item-con .des{ color: #FFFFFF;}
.index-youshi .item .tit{ padding-top: 0.8rem; padding-bottom: 0.24rem;}
.index-youshi .item .tit img{ height: 0.52rem;}
.index-youshi .item .line{ width: 1.92rem; height: 1px; background: #99cef2; margin-left: auto; margin-right: auto}
.index-youshi .item .des{ margin-top: 0.4rem; line-height: 0.4rem; font-size: 0.28rem; width: 85%; margin-left: auto; margin-right: auto; text-align: justify;}
.index-youshi .item1 .img{padding-top: 0.48rem;}
.index-youshi .item1 .img img{ width: 1.2rem;}
.index-youshi .item1 .tit{ font-size: 0.666666rem; line-height:1.6rem; height: 2rem; text-align: center; padding-top: 0; color: #FFFFFF;}
.index-youshi .item1 .item-con{ height: 3.52rem;}
.index-news{ margin-top: 1rem; width: 100%!important;}
.index-news .weibo{ width: 9.2rem; margin-left: auto; margin-right: auto; margin-bottom: 0.4rem;}
.index-news .title{ width: 100%; position:relative; text-align: center;}
.index-news .title .tit{font-size: 0.666666rem; font-weight: bold; color: #2495e4; height: 2.12rem; text-align: center; line-height: 0.92rem;}
.index-news .title .tit span{ color: #6c6c6c; font-size: 0.4rem; font-weight: normal; text-transform: uppercase; display: block; height: 1.2rem;}
.index-news .weibo .weibo-con{ border-top: 0.32rem solid #2495e4; height: 6rem;}
.index-news .weibo .weibo-con iframe{ height: 100%;}
.index-news .index-news-con{ background: #eef9fd; padding-top: 0.88rem;}
.index-news .index-news-con .index-news-con-con{ width: 8.36rem; margin-left: auto; margin-right: auto}
.index-news .list-con{ padding-top: 0.2rem; padding-bottom: 0.16rem; border-top: 1px solid #a2aab8; }
.index-news .index-news-con-con .tit{ font-size: 0.4rem; line-height: 0.68rem; height: 1.08rem; position: relative;}
.index-news .index-news-con-con .tit a{ color: #1baae3;}
.index-news .index-news-con-con .tit span{color:#9f9f9f ; font-size: 0.266666rem; display: block; line-height: 0.4rem; position: absolute; left: 0; bottom: 0;}
.index-news .index-news-con-con .des{ line-height:0.48rem; text-align: left; color: #4b4b4b; height: 0.96rem; overflow: hidden; font-size: 0.293333rem; margin-top: 0.15rem;}
.index-news .index-news-con-con .list-con:last-child{ border-bottom: 1px solid #a2aab8;}
.index-news .index-news-con .more{ padding-top: 1rem; padding-bottom: 1rem;}
.index-liucheng{ margin-top: 0.76rem;}
.index-liucheng .txt{font-size: 0.666666rem; text-align: center; line-height: 1.12rem; font-weight: bold; color: #2495e4;}
.index-liucheng .line{ width: 8.32rem; height: 6px; background: url(../images/line03.png) center center repeat-x; }
.index-liucheng .line img{ width: 1.6rem; height: 6px;}
.index-liucheng .subtit{ line-height: 1.2rem; text-align: center; font-size: 0.4rem; color: #2c2c2c; font-weight: normal;}
.index-liucheng .liucheng-con{ width: 6.266666rem; margin-top: 0.6rem; margin-bottom: 0.6rem;}
.index-zizhi{ margin-top: 0.4rem;}
.index-zizhi .title{ margin-bottom: 0.52rem;}
.index-zizhi .title .txt{font-size: 0.666666rem; text-align: center; line-height: 1.12rem; font-weight: bold; color: #2495e4;}
.index-zizhi .line{ width: 8.32rem; height: 6px; background: url(../images/line03.png) center center repeat-x; }
.index-zizhi .line img{ width: 1.6rem; height: 6px;}
.index-zizhi .zizhi-con{ max-width: 8.56rem; text-align: center;}
.index-zizhi .zizhi-con .item{ margin-bottom: 0.52rem;}
.index-zizhi .zizhi-con img{ width: 95%; margin-left: auto; margin-right: auto;}
.index-zizhi .zizhi-con .item-bottom img{ width: 4.173333rem;}
/*鍏充簬鎴戜滑*/
.about-contact .title,
.newslist .title,
.hzallist .title,
.prolist3 .title{ width: 8.32rem;}
.about-contact .title .tit,
.newslist .title .tit,
.hzallist .title .tit,
.prolist3 .title .tit{font-size: 0.466666rem; text-align: center; line-height: 0.8rem; font-weight: bold; color: #2495e4;}
.about-contact .title .line,
.newslist .title .line,
.hzallist .title .line,
.prolist3 .title .line{ width: 100%; height: 6px; background: url(../images/line05.png) center center repeat-x; }
.about-contact .title .line img,
.newslist .title .line img,
.hzallist .title .line img,
.prolist3 .title .line img{ width: 80px; height: 6px;}
.about-contact, .newslist, .hzallist{ margin-top: 0.68rem;}
.breadcrumb{ background-color: #FFFFFF; margin-bottom: 0; line-height: 45px; margin-top: 35px; font-size: 18px; max-width: 1200px; width: 95%; border-bottom: 1px solid #e5e5e5;}
.breadcrumb li a{color: #5d5e6e;}
.breadcrumb ul{ max-width: 1100px; margin-left: auto; margin-right: auto; width: 94%;}
/*鍏充簬鎴戜滑*/
.csrs-img{ margin-top: 2.946666rem;}
.csrs-img .csrs-img-con{position: relative; width: 100%;}
.csrs-img .csrs-img-con .img{top: -2.68rem; position: absolute; padding-left: 0.68rem; height: 5.8rem; overflow: hidden; }
.csrs-img .csrs-img-con .img img{ width: 4.053333rem; }
.csrs-img .csrs-img-con .con .tit{ background: #ebf6fb;}
.csrs-img .csrs-img-con .con .tit .eng{ font-size: 1.24rem; text-transform: uppercase; color: #ebf6fb; width: 100%; text-align: right; top:-1.1rem; position: absolute; height: 1.24rem; line-height: 1.24rem;}
.csrs-img .csrs-img-con .con .tit .name{ font-size: 0.666666rem; font-weight: bold; color: #2495e4; line-height: 0.84rem; padding-left: 5.066666rem; padding-top: 0.72rem;}
.csrs-img .csrs-img-con .con .tit .zhiwei{ color: #3c3c3c; font-size: 0.213333rem;padding-left: 5.066666rem; line-height: 0.6rem; padding-bottom: 0.88rem;}
.csrs-img .csrs-img-con .con .des{ padding-top: 0.8rem; line-height: 0.8rem; color: #3c3c3c; width: 8.4rem; margin-left: auto; margin-right: auto;}
.csrs-img .csrs-img-con .con .des p{ text-indent: 2em; font-size: 0.4rem; text-align: justify;}
.csrs-story .main-constain{ padding-bottom: 0.6rem; width: 8.4rem;}
.csrs-story .tit{ font-size: 0.466666rem; line-height: 1.2rem; color: #2495e4; font-weight: bold;}
.csrs-story .con{ line-height: 0.8rem; font-size: 0.4rem; color: #3c3c3c;}
.csrs-story .con p{ text-indent: 2em; text-align: justify;}
.csrs-story .blueBig{ color: #2495e4;}
.csrs-story .blue{ color: #2495e4; font-weight: bold;}
.csrs-story .row .item{ margin-top: 0.4rem;}
.csrs-story .row img{ margin-left: auto; margin-right: auto; width: 95%;}
.about-contact{padding-bottom: 1.08rem; }
.about-contact .about-contact-main{ position: relative; padding-bottom: 1.08rem; margin-top: 2.16rem; background: #f6fbfe;}
.about-contact .about-contact-con{ position: relative; width: 8.32rem; padding-top: 3.4rem;}
.about-contact .contact-map{ width: 8.32rem; height: 4.2rem; position: absolute; top: -1.4rem; width: 100%;}
.about-contact .about-contact-con .des{ width: 98%;}
.about-contact .about-contact-con .des .item{text-indent: 0.48rem; line-height: 0.64rem; font-size: 0.32rem; color: #2495e4; background-size: auto 60%!important;}
.about-contact .about-contact-con .des .item a{ color: #2495e4;}
.about-contact .about-contact-con .des .address{ background: url(../images/icon-address.png) left center no-repeat;}
.about-contact .about-contact-con .des .phone{ background: url(../images/icon-phone.png) left center no-repeat;}
.about-contact .about-contact-con .des .qq{ background: url(../images/icon-qq.png) left center no-repeat;}
.about-contact .about-contact-main .img{ width: 100%; top: center; position: absolute; bottom: -0.38rem; text-align: center;}
.about-contact .about-contact-main .img img{ height: 0.76rem; margin-left: auto; margin-right: auto; }
/*鍗氬鍒楄〃*/
.newslist .newslist-con{ width: 8.32rem; margin-top: 0.6rem;}
.newslist li{ margin-bottom: 0.24rem; height: 2.986666rem;}
.newslist .newspic{ float: left; width:2.72rem; height: 2.986666rem; margin-right: 0.24rem; position: relative; overflow: hidden;}
.newslist .newspic img{ position: absolute; height: 2.986666rem; max-width: auto!important; left: 50%; margin-left: -2rem; }
.newslist .newsinfo{ width: 5.12rem; float: left; padding-top: 0.32rem;}
.newslist .newsinfo .newst{ line-height: 0.52rem; font-size: 0.333333rem; color: #2495e4; word-break: break-all!important; word-wrap: normal; word-spacing: normal; white-space: normal; height: 1.04rem;}
.newslist .newsinfo .newsjian{ margin-top: 0.16rem; line-height: 0.373333rem; height: 1.12rem; overflow: hidden; color: #595757; font-size: 0.24rem;}
.page{ margin-top: 1.08rem; margin-bottom: 1.08rem;}
.page .pager{ text-align: center;}
.page li>a{padding:0.2rem 0.266666rem; color: #333333; border: 1px solid #e7e7e7; border-radius: 0; margin-right: 0.106666rem; margin-left:0.106666rem; font-size: 0.266666rem; font-size: 0.266666rem;}
.page li>a.current{background: #2495e4; border: 1px solid #2495e4; color: #ffffff; display: inline-block}
.newslist-3{ width: 100%; float: right;}
/*鍗氬璇︽儏*/
.newsdetail .h1{ padding-bottom: 0.28rem; border-bottom: 1px solid #7d7d7d;}
.word img{ max-width: 100%;}
.page-row{ margin-top: 0.8rem;}
.page-row .turnto,
.page-row .next,
.page-row .prev{ margin-left: 0.133333rem; }
.page-row a{ display:block;font-size: 0.266666rem; line-height: 0.4rem; padding-left: 0.133333rem; padding-right: 0.133333rem; white-space: nowrap; }
/*鍚堜綔妗堜緥*/
.hzallist .hzallist-con{ width: 8.32rem; margin-top: 0.76rem;}
.hzallist .hzallist-con .item{ padding-bottom: 4.08rem; position: relative;}
.hzallist .newspic{ width: 100%; position: relative; z-index: 10;}
.hzallist .newspic img{ width: 100%;}
.hzallist .newsinfo{ width:7.653333rem; padding-top: 0.52rem; -webkit-box-shadow:0 0 15px #CCCCCC; -moz-box-shadow:0 0 15px #CCCCCC; box-shadow:0 0 15px #CCCCCC; bottom: 1rem; left: 0.346666rem; background: #FFFFFF; position: absolute; z-index: 100;}
.hzallist .newsinfo .newst{ width: 6.933333rem; font-size: 0.4rem; font-weight: bold; color: #2495e4; line-height: 0.6rem; height: 1.2rem; overflow: hidden;}
.hzallist .newsinfo .newst a{ color: #1baae3;}
.hzallist .newsinfo .newsjian{ line-height: 0.52rem; overflow: hidden; color: #595757; margin-top: 0.24rem; font-size: 0.333333rem; width: 6.92rem; height: 1.56rem; margin-bottom: 0.36rem;}
.hzaldetail{ margin-top: 0.56rem; }
.hzaldetail .main-constain{width: 8.32rem;}
.hzaldetail .h1{ font-size: 0.466666rem; line-height: 0.64rem; color: #2495e4; text-align: left; margin-top:0; margin-bottom: 0; padding-left: 0.48rem; padding-right: 0.48rem;}
.hzaldetail .date{ display: none;}
.hzaldetail .word{ margin-top: 0.52rem; line-height: 0.8rem; font-size: 0.4rem; padding-bottom: 0.56rem;}
.prolist3, .productdetail{ width: 8.32rem; margin-top: 0.64rem;}
.prolist3 .title{ margin-bottom: 0.6rem;}
.prolist3 .productlist-con li{margin-bottom: 0.28rem;}
.prolist3 .productlist-con .newspic{ float: left; width:2.72rem; height: 2.973333rem; overflow: hidden; position: relative;}
.prolist3 .productlist-con .newspic img{ height: 2.973333rem; width: auto; max-width: none!important; position: absolute; right: 0; margin-right: -30%;}
.prolist3 .productlist-con .newsinfo{ float: right; width:5.2rem; padding-top: 0.4rem;}
.prolist3 .productlist-con .newsinfo .newst{ font-size: 0.333333rem; line-height: 0.56rem; white-space: normal; height: 1.12rem; word-break: break-all;}
.prolist3 .productlist-con .newsinfo .newst a{ word-break: break-all; white-space: normal;}
.prolist3 .productlist-con .newsinfo .newsjian{ line-height: 0.36rem; color: #727171; height: 1.08rem; overflow: hidden; font-size: 0.24rem;}
.prolist3 .page li{ background: none; border-bottom: none; }
.prolist3 .albumlist-con .item{ width:93%;}
.prolist3 .albumlist-con .item .newspic{border: 1px solid #e9e9e9;}
.prolist3 .albumlist-con .item .newst a{ display: block; line-height: 0.8rem; background: #2495e4; color: #FFFFFF; text-align: center; font-size: 0.266666rem;}
.prolist3 .albumlist-con .item .newsjian{ line-height: 0.4rem; font-size: 0.213333rem; margin-top: 0.12rem; height: 1.48rem;}
.prolist3 .albumlist-con .page{ margin-top: 0;}
.productdetail .productdetail-con .h1{ font-size: 22px; color: #2495e4; text-align: center; line-height: 36px;}
.productdetail .productdetail-con .line{ height: 1px ; background: #eeeeee; overflow: hidden; margin-bottom: 50px;}
.productdetail .productdetail-con .word{ font-size: 18px; line-height: 36px; padding-bottom: 50px; text-align: justify;}
.albumdetail{margin-top:0.92rem}
.albumdetail .albumdetail-left{position: relative; overflow: hidden; width: 7.866666rem; margin-left: auto; margin-right: auto;}
.albumdetail .albumdetail-left .pro-pic{ float: left; width: 72%; border: 1px solid #d2d2d2;}
.albumdetail .albumdetail-left .pro-pic-list{ width: 20%; position: absolute; top: 0; right: 0; padding-top: 25px;}
.albumdetail .albumdetail-left .pro-pic-list .slider-container{ position: relative;}
.albumdetail .albumdetail-left .pro-pic-list .slider-container .slider-thumb{ margin-bottom: 50px;}
.albumdetail .albumdetail-left .pro-pic-list .slider-container .slider-up{ background: url(../images/btn-top.png) center center no-repeat #ffffff; position: absolute; top: -25px; left: 0; height: 25px;}
.albumdetail .albumdetail-left .pro-pic-list .slider-container .slider-down{ background: url(../images/btn-bottom.png) center center no-repeat #ffffff; position: absolute; bottom: -27px; left: 0; height: 25px;}
.albumdetail .albumdetail-right{ width: 100%; background: #f7f7f7; margin-top: 0.8rem;}
.albumdetail .albumdetail-right .h1,
.albumdetail .albumdetail-right .info,
.albumdetail .albumdetail-right .des{ width: 8.32rem;}
.albumdetail .albumdetail-right .h1{ font-size: 0.4rem; line-height: 0.68rem;}
.albumdetail .albumdetail-right .info{ font-size: 0.333333rem; line-height: 0.52rem; padding-bottom: 0.36rem;}
.albumdetail .albumdetail-right .des{ font-size: 0.333333rem; line-height: 0.52rem; padding-bottom: 0.88rem;}
.albumdetail .albumdetail-right .des span{ color: #2495e4; font-size: 0.4rem;}
.albumdetail .content{ margin-top: 1.08rem; width: 8.32rem; margin-left: auto; margin-right: auto;}
.albumdetail .content .tit dl{background: url(../images/line05.png) left top repeat-y; margin-bottom: 0.84rem;}
.albumdetail .content .tit dd{ line-height: 0.8rem; text-align: center; background: url(../images/line05.png) left top repeat-x, url(../images/line05.png) right top repeat-y, url(../images/line05.png) left bottom repeat-x; font-size: 0.4rem;}
.albumdetail .content .tit dd.active{ background: #2495e4; color: #FFFFFF; font-size: 0.4rem;}
.albumdetail .content .word{ font-size: 0.4rem; line-height: 0.8rem;}
}